<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<h:html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<h:head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8" />
	<title>Antares</title>
	<meta name="robots" content="index, follow" />
	<meta name="keywords" content="" />
	<meta name="description" content="Sit Genrenciador de Comprar" />
	<meta name="author" content="Belgrano Helio" />

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport"
		content="width=device-width, initial-scale=1, maximum-scale=1" />


	<!-- CSS
  ================================================== -->
	<h:outputStylesheet library="styles" name="skeleton.css"></h:outputStylesheet>
	<h:outputStylesheet library="styles" name="style.css"></h:outputStylesheet>
	<h:outputStylesheet library="styles" name="color.css"></h:outputStylesheet>
	<h:outputStylesheet library="styles" name="layout.css"></h:outputStylesheet>
	<h:outputStylesheet library="styles" name="inner.css"></h:outputStylesheet>

	<link href='../../fonts.googleapis.com/css@family=Droid+Sans_3A400,700'
		rel='stylesheet' type='text/css' />

	<script src="../../html5shim.googlecode.com/svn/trunk/html5.js"></script>


	<!-- Favicons
	================================================== -->
	<h:outputLink rel="shortcut icon"
		value="../resources/images/favicon.ico" />
	<h:outputLink rel="apple-touch-icon"
		value="../resources/images/apple-touch-icon.png" />
	<h:outputLink rel="apple-touch-icon" sizes="72x72"
		value="../resources/images/apple-touch-icon-72x72.png" />
	<h:outputLink rel="apple-touch-icon" sizes="114x114"
		value="../resources/images/apple-touch-icon-114x114.png" />

</h:head>


<h:body>
	<p:panel id="bodychild">
		<p:panel id="outercontainer" style="border:0;">
			<!-- HEADER -->
			<p:panel id="outerheader" style="border:0;">
				<ui:insert name="outerheader">
					<p:panel styleClass="container" style="border:0;">
						<p:panel id="logo" styleClass="three columns alpha"
							style="border:0;">
							<h:outputLink value="index.html">
								<h:graphicImage library="images" name="logo.png" />
							</h:outputLink>
						</p:panel>
						<p:panel id="headerright" styleClass="six columns omega"
							style="border:0;">
							<p:panel id="chart" style="border:0;">
								<ui:insert name="nome">
									<h6><h:outputText value="#{facesContext.externalContext.userPrincipal.name}"/> </h6>
									<p><h:outputText rendered="#{not empty facesContext.externalContext.userPrincipal.name}" value="Usuario"/></p>
								</ui:insert>
							</p:panel>
							<ul id="user-nav">
								<br />
								<br />
								<br />
								<li><h:outputLink value="account.html">Minha Conta</h:outputLink></li>
								<li><h:outputLink value="account.html">Carrinho</h:outputLink></li>
								<li><h:outputLink value="cadAltUser.xhtml" rendered="#{empty facesContext.externalContext.userPrincipal.name}">Registro</h:outputLink></li>
								<li><h:outputLink value="#{facesContext.externalContext.request.contextPath}/view/usuarios/admin/indexAdmin.xhtml" rendered="#{not empty facesContext.externalContext.userPrincipal.name}">Genrenciar</h:outputLink></li>
								<li><h:outputLink value="#{facesContext.externalContext.request.contextPath}/view/usuarios/user/indexUser.xhtml" rendered="#{empty facesContext.externalContext.userPrincipal.name}">Login</h:outputLink></li>
								<li><h:outputLink value="#{facesContext.externalContext.request.contextPath}/view/logoff.jsp" rendered="#{not empty facesContext.externalContext.userPrincipal.name}"> <h:outputText value="Logoff" /></h:outputLink></li>
							</ul>
						</p:panel>

						<p:panel id="navigation" styleClass="twelve columns"
							style="border:0;">
							<nav id="nav-wrap">
							<ul id="topnav">
								<h:form>
									<ui:insert name="menu">
										<p:megaMenu>
											<p:menuitem value="Inicio" url="/view/index1.xhtml" />
											<p:menuitem value="Produtos" url="/view/listOrfeta.xhtml" />
											<p:menuitem value="Marcas" url="/view/listOrfeta.xhtml" />
											<p:submenu label="terere">
												<p:column>
													<p:submenu label=""  style="border:0;background:0;height:0;width:0">
														<p:menuitem value="Cliente" url="#" />
														<p:menuitem value="Fornecedor" url="#" />
														<p:menuitem value="Produto" url="#" />
													</p:submenu>
												</p:column>
											</p:submenu>
										</p:megaMenu>
									</ui:insert>
								</h:form>
							</ul>
							<!-- topnav --> </nav>
							<!-- nav -->
						</p:panel>
					</p:panel>
				</ui:insert>
			</p:panel>

			<!-- END HEADER -->

			<!-- BEFORE CONTENT -->
			<div id="outerbeforecontent">
				<div class="container">
					<section id="beforecontent" class="twelve columns"> <ui:insert
						name="antesConteudo">
						<ui:insert name="title">
							<h1 class="pagetitle">Inicio</h1>
						</ui:insert>
						<div class="clear"></div>
					</ui:insert> </section>
				</div>
			</div>
			<!-- END BEFORE CONTENT -->
			<!-- SLIDER -->
			<p:panel id="outerslider" style="border:0;">
				<p:panel styleClass="container" style="border:0;">
					<p:panel id="slidercontainer" styleClass="twelve columns" style="border:0;">

						<section id="slider"> <p:panel id="slideritems"
							styleClass="flexslider" style="border:0;">
							<ul class="slides">
								<ui:insert name="slide">
								
								</ui:insert>
							</ul>
						</p:panel> </section>
					</p:panel>
				</p:panel>
			</p:panel>
			<!-- END SLIDER -->
			<!-- MAIN CONTENT -->
			<p:panel id="outermain" style="border:0;">
				<p:panel styleClass="container" style="border:0;">
					<section id="maincontent" class="twelve columns"> <section
						id="content" class="positionleft nine columns alpha"> <ui:insert
						name="conteudo">

					</ui:insert> </section> <aside id="sidebar" class="positionright three columns omega">
					<ui:insert name="sidebar">
						<ul>
							<li class="widget-container">
								<h2 class="widget-title">Categories</h2>
								<ul>
									<li><h:outputLink value="#">Limited Edition</h:outputLink><span>15</span></li>
									<li><h:outputLink value="#">On Sale</h:outputLink><span>27</span></li>
									<li><h:outputLink value="#">New Product</h:outputLink><span>10</span></li>
									<li><h:outputLink value="#">Furniture</h:outputLink><span>23</span></li>
									<li><h:outputLink value="#">Electronic</h:outputLink><span>25</span></li>
									<li><h:outputLink value="#">Other</h:outputLink><span>70</span></li>
								</ul>
							</li>
						</ul>
					</ui:insert> </aside> <!-- clear float --> </section>
				</p:panel>
			</p:panel>

			<!-- END MAIN CONTENT -->

			<!-- FOOTER SIDEBAR -->

			<p:panel id="outerfootersidebar" style="border:0;">
				<ui:insert name="rodape">
					<p:graphicImage library="images" name="logo.png" />

				</ui:insert>
			</p:panel>
			<!-- END FOOTER SIDEBAR -->

			<!-- FOOTER -->
			
			<!-- END FOOTER -->

		</p:panel>
		<!-- end bodychild -->
	</p:panel>
	<!-- end outercontainer -->
</h:body>
</h:html>
